<script setup>
import {ArrowBack, ArrowForward} from "@vicons/ionicons5"
</script>

<template>
  <div class="zi10">
    <n-carousel direction="vertical" dot-placement="right" show-arrow class="carousel" :autoplay="false">
      <img class="carousel-img" src="https://alp.alicdn.com/1741449671301-5120-1024.jpg" alt="None">
      <img class="carousel-img" src="https://alp.alicdn.com/1691858522302-5120-1024.jpg" alt="None">
      <img class="carousel-img" src="https://alp.alicdn.com/1742602448088-5120-1024.png" alt="None">
      <img class="carousel-img" src="https://alp.alicdn.com/1742572765004-5120-1024.jpg" alt="None">
    </n-carousel>
  </div>
</template>

<style scoped lang="less">
.carousel {
  width: 100%;
  height: var(--carousel-height);
}

.carousel-img {
  width: 100%;
  height: var(--carousel-height); /**图片宽高6:1*/
  object-fit: cover;
}
</style>